<template>
  <div class="main-cont">
    <div class="aside_lf">
      <v-aside :menus="menus"></v-aside>
    </div>
    <div class="content_rt">
      <router-view/>
    </div>
  </div>
</template>
<script>
  import vAside from '@/components/base/aside'

  export default {
    name: '',
    components:{vAside},
    props: {},
    data() {
      return {
        menus: [
          {
            title: '系统菜单',
            group: [{
              name: '系统功能',
              menu:'sysFunc',
              pid: '100',
              icon: 'md-cube',
              list: [
                {name: '应用管理', id: '100-1'},
                {name: '菜单管理', id: '100-2'},
                {name: '配置管理', id: '100-3'},
                {name: '公告管理', id: '100-4'}
              ]
            }, {
              name: '用户权限',
              menu:'sysAuthor',
              pid: '200',
              icon: 'md-key',
              list: [
                {name: '后台管理', id: '200-1'},
                {name: '权限管理', id: '200-2'},
                {name: '角色管理', id: '200-3'}
              ]
            }, {
              name: '系统基础',
              menu:'SysBasic',
              pid: '300',
              icon: 'md-list',
              list: [
                {name: '日志记录', id: '300-1'},
                {name: 'IP黑名单', id: '300-2'},
                {name: '行为监控', id: '300-3'}
              ]
            }]
          }
        ]
      }
    },
    methods: {},
    created() {

    }
  }
</script>
<style scoped lang="scss">
  .main-cont{
    .content_rt{
      background-color: #ECF0F5;
      padding: 10px 15px;
      flex: 1;
    }
  }
</style>
